<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title">jQuery插件seaseaseaSnippet代码语法高亮效果</h3>
	</div>
	<div class="panel-body">
		<h3>关于</h3>
		<p>在一些需要展示程序源码的地方，有时候需要代码语法高亮，以便方便浏览。<br>
			jQuery插件seaseaseaSnippet是一个基于SHJS的用于程序源码语法高亮显示的插件。它提供了一种快速和简便的方式在HTML文档上对各种源码片段进行高亮显示。<br>
			插件兼容IE 6, IE 7, IE 8, FF 3.6, Chrome 6.0, Safari 5.0, Opera 10.62。<br>
			插件自带有39种样式可以使用。</p>
		<h3>通过HTML文档data属性</h3>
		<p>仅仅通过向页面元素添加<code>data-sea="seaSnippet"</code> 就可以为其赋予代码语法高亮效果，以便方便浏览。通过 <code>data-option</code>设置可选参数<br>
		以下是可选参数：
		<ul>
			<li><code>target</code> 属性接受一个选择器，将选择器内的代码进行语法高亮输出；</li>
			<li><code>language</code> 属性接受一个高亮显示的语言名称，高亮显示按该语言语法进行显示，默认是HTML；</li>
			<li><code>style</code> 属性接受一个Query插件seaseaseaSnippet代码语法高亮效果的样式文件名，默认是random（随机）；</li>
			<li><code>clipboard</code> 属性接受一个剪切Flash控件的地址，默认是../SeaJS/seaseaseaSnippet/ZeroClipboard.swf，设定为flase则不显示剪切；</li>
			<li><code>showNum</code> 属性指定是否显示行号。默认是true；</li>
			<li><code>collapse</code> 属性指定是否折叠代码，默认是false；当选择true时，showMsg、hideMsg属性有效；</li>
			<li><code>showMsg</code> 属性指定折叠代码时，展开折叠显示的按钮显示的字样。当collapse为true时有效，默认是“展开示例代码”；</li>
			<li><code>hideMsg</code> 属性指定折叠代码时，关闭折叠显示的按钮显示的字样。当collapse为true时有效，默认是“隐藏示例代码”。</li>
		</ul>
		</p>
		<div class="bs-example">
			<div class="bs-sidebar sea-example" id="SnippetDemo">
<pre data-sea="seaSnippet" data-option="target:'div#SnippetDemo',style:'ide-eclipse'"></pre>
			</div>
		</div>
	</div>
</div>